<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
	<meta name="keywords" content="大数据，大健康，大农业，大数据时代">
	<meta name="description" content="得能，得其所能------得能">
	<title>产品中心</title>
	<link rel="icon" href="../favicon.ico" type="image/x-icon">
	<link rel="shortcut icon" href="../favicon.ico" type="image/x-icon">
	<link rel="stylesheet" href="../font/iconfont.css">
	<link rel="stylesheet" type="text/css" href="../css/reset.css">	
	<link rel="stylesheet" type="text/css" href="../css/swiper-3.3.1.min.css">
	<link rel="stylesheet" type="text/css" href="../css/animate.min.css">
	<link rel="stylesheet" type="text/css" href="../css/Product.css">
	<!--[if lt IE 9]-->
	<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
	<script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
	<!--[endif]-->
</head>
<body>
	<!-- **********************头部 *************************-->
	<header>
		<div class="container clearfix">
			<div class="logo fl">
				<img src="../img/logo.png" />
			</div>
				<ul class="nav fr">
					<li><a href="../index.html">首页</a></li>
					<li><a href="Product.html">产品中心</a></li>
					<li><a href="AboutUs.html">关于我们</a></li>
					<li><a href="ContactUs.html">联系我们</a></li>
					<li><a href="News.html">新闻动态</a></li>
					<li class = "li_bg"></li>
				</ul>
		</div>
	</header>
	<!-- **********************主体 *************************-->
	<div class="main">
		<!-- **********************banner *************************-->
		<div class="banner">
			<div class="swiper-container">
			    <div class="swiper-wrapper">
			        <div class="swiper-slide">
			        	<h2 class="ani" swiper-animate-effect="zoomIn" swiper-animate-duration="0.5s" swiper-animate-delay="0.7s">产品中心</h2>
			        	<img class="ani" swiper-animate-effect="rotateIn" swiper-animate-duration="0.5s" swiper-animate-delay="0.3s" src="../img/about.png" />
			        </div>
			    </div>
			</div>
		</div>		
		<!-- **********************内容区************************-->
		<div class="content">
			<div class="container">
				<h2>
					<span>产品中心</span>
					<i></i>
				</h2>
				<div class="product_list">
					<ul>
						<li class="product_item">							
								<div class="pro_img">
									<img src="../img/pro01.png" />
								</div>
								<h3>枸杞玛咖</h3>
								<a href="http://item.jd.com/bigimage.aspx?id=10259935490" class="check_more" target="_blank">
									<span>了解详情</span>
									<i></i>
								</a>							
						</li>
						<li class="product_item">							
								<div class="pro_img">
									<img src="../img/pro02.png" />
								</div>
								<h3>至尊草</h3>
								<a href="https://item.jd.com/1273997326.html" class="check_more" target="_blank">
									<span>了解详情</span>
									<i></i>
								</a>
						</li>
						<li class="product_item">							
								<div class="pro_img">
									<img src="../img/pro03.png" />
								</div>
								<h3>锌硒宝</h3>
								<a href="https://detail.1688.com/offer/530565847693.html?spm=a2615.7691456.0.0.AO2tTt" class="check_more" target="_blank">
									<span>了解详情</span>
									<i></i>
								</a>							
						</li>
						<li class="product_item right">							
								<div class="pro_img">
									<img src="../img/pro04.png" />
								</div>
								<h3>牡蛎肽</h3>
								<a href="https://detail.1688.com/offer/530641909641.html?spm=a2615.7691456.0.0.hEuLjk" class="check_more" target="_blank">
									<span>了解详情</span>
									<i></i>
								</a>							
						</li>
						<li class="product_item">							
								<div class="pro_img">
									<img src="../img/pro05.png" />
								</div>
								<h3>若叶青汁</h3>
								<a href="https://detail.1688.com/offer/545298178469.html?spm=a2615.7691456.0.0.eYdPak" class="check_more" target="_blank">
									<span>了解详情</span>
									<i></i>
								</a>							
						</li>
						<li class="product_item item6">							
								<div class="pro_img">
									<img src="../img/pro06.png" />
								</div>
								<h3>番茄粉</h3>
								<a href="https://detail.1688.com/offer/533757293831.html?spm=a2615.7691456.0.0.jyAw0Q" class="check_more" target="_blank">
									<span>了解详情</span>
									<i></i>
								</a>							
						</li>
						<li class="product_item">							
								<div class="pro_img">
									<img src="../img/pro07.png" />
								</div>
								<h3>燕麦力片</h3>
								<a href="https://detail.1688.com/offer/545251536395.html?spm=a2615.7691456.0.0.3kQ7E6" class="check_more" target="_blank">
									<span>了解详情</span>
									<i></i>
								</a>							
						</li>
						<li class="product_item right">							
								<div class="pro_img">
									<img src="../img/pro08.png" />
								</div>
								<h3>锌硒宝糖果</h3>
								<a href="https://detail.1688.com/offer/520904269188.html?spm=a2615.7691456.0.0.ofcqcA" class="check_more" target="_blank">
									<span>了解详情</span>
									<i></i>
								</a>							
						</li>
						<li class="product_item">							
								<div class="pro_img">
									<img src="../img/jiaoyaun.png" />
								</div>
								<h3>胶原蛋白肽</h3>
								<a href="http://www.wasaiyun.com/#/product/10000025.html" class="check_more" target="_blank">
									<span>了解详情</span>
									<i></i>
								</a>							
						</li>
						<li class="product_item">							
								<div class="pro_img">
									<img src="../img/pro10.png" />
								</div>
								<h3>融雪无痕</h3>
								<a href="#" class="check_more" target="_blank">
									<span>了解详情</span>
									<i></i>
								</a>							
						</li>
						<li class="product_item">							
								<div class="pro_img">
									<img src="../img/pro11.png" />
								</div>
								<h3>速形</h3>
								<a href="#" class="check_more" target="_blank">
									<span>了解详情</span>
									<i></i>
								</a>							
						</li>
						<li class="product_item item12 right">
							<img src="../img/add.png" id="add">
						</li>
					</ul>
				</div>
			</div>
		</div>
	</div>
	<!-- **********************底部 *************************-->
	<footer>
		<div class="footer_top">
			<div class="container clearfix">
				<a href="#" class="foot_logo">
					<img src="../img/logo.png">
				</a>
				<ul class="footer_link clearfix">
					<li><a href="../index.html">首页</a><i></i></li>
					<li><a href="AboutUs.html">关于我们</a><i></i></li>
					<li><a href="ContactUs.html">联系我们</a><i></i></li>
					<li><a href="News.html">新闻动态</a><i></i></li>
				</ul>
			</div>
		</div>
		<div class="footer_bottom">
			<div class="container">
				<!-- <p>Copyright©2016 Baifendian Corporation All Rights Reserved.&nbsp;&nbsp;京ICP备09109727号	京公网安备11010802010283号 </p> -->
			</div>
		</div>
	</footer>
	<!-- **********************工具箱 *************************-->
	<ul id="tool_box">
		<li>
			<i class="iconfont " id="back-to-top" title="返回顶部">&#xe63e;</i>
		</li>
		<li class="telphone">
			<i class="iconfont" title="热线电话">&#xe63d;</i>
			<p class="tel">
				400-0077-123
			</p>
		</li>
		<li class="weixin">
			<i class="iconfont" title="微信">&#xe658;</i>
			<div class="wx">
				<img src="../img/wx.png">
				<br/>
				<p>扫一扫即可关注<br/>
				得能集团公众号</p>
			</div>
		</li>
	</ul>
	<!-- **********************弹窗 *************************-->

	<img src="../img/tip.png" id="img" />
	<script type="text/javascript" src="../js/jquery-2.1.4.min.js"></script>
	<script type="text/javascript" src="../js/swiper-3.3.1.min.js"></script>
	<script type="text/javascript" src="../js/swiper.animate1.0.2.min.js"></script> 
	<script type="text/javascript" src="../js/Product.js"></script>
</body>
</html>